<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/slider.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="box">
        <!-- 头部开始 -->
        <div class="head">
            <div class="center">
                <div class="head_left fl">
                    legochina.cn
                </div>
                <div class="head_right fr">
                    欢迎光临<span>乐购</span>，请 <a href="./login.html" style="color: white;">登陆</a>\<span><a href="./register.html" style="color: #f60;">注册</a></span>
                </div>
            </div>
        </div>
        <!-- 头部结束 -->
        <!-- 导航栏开始 -->
        <div class="center clearfix">
            <div class="nav rel">
                <div class="nav_left">
                    <h1 class="abs">
                        <a href="#">乐购</a>
                    </h1>
                </div>
                <div class="nav_top fixde clearfix">
                    <div class="nav_top_centent">
                        <input type="text" name="" id="" class="fl">
                        <button class="fl"></button>
                    </div>
                    <div class="nav_top_right fl">
                        <button class="fl">
                            <a href="./shopping.html" style="color: white;"><div class="fl"></div><span class="fl">购物车</span><span class="fr">3</span></a>
                        </button>
                        <button class="fl">我的订单</button>
                    </div>
                </div>
                <div class="nav_bottom">
                    <ul>
                        <li><a href="./product.html">图书</a></li>
                        <li><a href="#">电子书</a></li>
                        <li><a href="#">原创文学</a></li>
                        <li><a href="#">服装</a></li>
                        <li><a href="#">运动户外</a></li>
                        <li><a href="#">孕婴童</a></li>
                        <li><a href="#">家居</a></li>
                        <li><a href="#">创意文具</a></li>
                        <li><a href="#">地方特产</a></li>
                        <li><a href="#">海外购</a></li>
                        <li><a href="#">电器城</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 导航栏结束 -->
        <!-- 选项栏开始 -->
        <div class="center">
            <div class="optional fl ">
                <ul class="con">
                    <li>
                        <p>图书、电子书、童书</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>创意文具</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>服饰、内衣</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>鞋靴、箱包</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>运动户外</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>孕、婴、童</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>家居、家纺、汽车</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>家具、家装、康本</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>美妆、个人护理、成人</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>食品、茶酒、生鲜</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>腕表、珠宝、眼镜</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>手机、数码</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>电脑办公</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <p>家用电器</p>
                        <ul class="son">
                            <li><span>图书馆&gt;&gt;&emsp;儿童节馆&gt;&gt;&emsp;电子书馆&gt;&gt;</span></li>
                            <li>
                                <div>文艺</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星</span>
                            </li>
                            <li>
                                <div>人文社科</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;历史&nbsp;政治军事&nbsp;文化&nbsp;心理学&nbsp;法律</span>
                            </li>
                            <li>
                                <div>管理</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;经济&nbsp;投资理财&nbsp;金融&nbsp;互联网</span>
                            </li>
                            <li>
                                <div>励志</div>
                                <span>小说&nbsp;文学&nbsp;传记&nbsp;青春&nbsp;动漫&nbsp;艺术&nbsp;摄影&nbsp;明星&nbsp;励志成功&nbsp;职场&nbsp;心灵修养</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>教育</div>
                                <span>中小学教辅&nbsp;考试&nbsp;大中专教辅&nbsp;外语&nbsp;工具书&nbsp;公务员&nbsp;考研</span>
                            </li>
                            <li>
                                <div>科技</div>
                                <span>科普读物&nbsp;计算机\网络&nbsp;医学&nbsp;工业技术&nbsp;建筑&nbsp;自然科学</span>
                            </li>
                            <li>
                                <div>生活</div>
                                <span>两性&nbsp;孕期&nbsp;育儿&nbsp;保健&nbsp;运动&nbsp;休闲&nbsp;旅游&nbsp;美食&nbsp;美妆&nbsp;家居&nbsp;生活&nbsp;健身</span>
                            </li>
                            <li>
                                <div>刊\进口书</div>
                                <span>英文进口书&nbsp;杂志&nbsp;港台进口书&nbsp;进口艺术画册</span>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 选项栏结束 -->
        <!-- 轮播图开始 -->
        <div class="center clearfix">
            <div class="banner fl">
                <div class="pptbox" id="bannerInner">
                    <!--轮播的内容-->
                    <ul class="innerwrapper">
                        <li>
                            <a href="#"><img src="images/banner1.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/banner2.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/banner3.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/banner4.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/banner5.jpg" /></a>
                        </li>
                    </ul>
                    <!--数字控制器-->
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <!--按钮控制器-->
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
        </div>
        <!-- 轮播图结束 -->
        <!-- 今日推荐开始 -->
        <div class="center clearfix">
            <div class="daily">
                <h1>乐购·今日推荐</h1>
                <div></div>
                <ul>
                    <li>
                        <div class="img_top"><img src="images/product01.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="red">全国联保 一年免费包换</p>
                        <h3>￥：299</h3>
                    </li>
                    <li>
                        <div class="img_top"><img src="images/product01.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="red">全国联保 一年免费包换</p>
                        <h3>￥：299</h3>
                    </li>
                    <li>
                        <div class="img_top"><img src="images/product01.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="red">全国联保 一年免费包换</p>
                        <h3>￥：299</h3>
                    </li>
                    <li>
                        <div class="img_top"><img src="images/product01.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="red">全国联保 一年免费包换</p>
                        <h3>￥：299</h3>
                    </li>
                    <li>
                        <div class="img_top"><img src="images/product01.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="red">全国联保 一年免费包换</p>
                        <h3>￥：299</h3>
                    </li>
                    <li>
                        <div class="img_top"><img src="images/product01.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="red">全国联保 一年免费包换</p>
                        <h3>￥：299</h3>
                    </li>
                    <li>
                        <div class="img_top"><img src="images/index06_11.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>小熊家用静音加混器</p>
                        <p class="red">唯美外观 微米级喷雾</p>
                        <h3>￥：89</h3>
                    </li>
                    <li>
                        <div class="img_top"><img src="images/index06_11.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>小熊家用静音加混器</p>
                        <p class="red">唯美外观 微米级喷雾</p>
                        <h3>￥：89</h3>
                    </li>
                    <li>
                        <div class="img_top"><img src="images/index06_11.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>小熊家用静音加混器</p>
                        <p class="red">唯美外观 微米级喷雾</p>
                        <h3>￥：89</h3>
                    </li>
                    <li>
                        <div class="img_top"><img src="images/index06_11.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>小熊家用静音加混器</p>
                        <p class="red">唯美外观 微米级喷雾</p>
                        <h3>￥：89</h3>
                    </li>
                    <li>
                        <div class="img_top"><img src="images/index06_11.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>小熊家用静音加混器</p>
                        <p class="red">唯美外观 微米级喷雾</p>
                        <h3>￥：89</h3>
                    </li>
                    <li>
                        <div class="img_top"><img src="images/index06_11.jpg" alt=""></div>
                        <div class="img_bottom"><img src="images/limitTime.jpg" alt=""></div>
                        <p>小熊家用静音加混器</p>
                        <p class="red">唯美外观 微米级喷雾</p>
                        <h3>￥：89</h3>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 今日推荐结束 -->
        <!-- 图书 电子书开始 -->
        <div class="center clearfix">
            <div class="books floor">
                <div class="books_head">
                    <a href="./product.html"><h3 class="fl">图书 电子书</h3></a>
                    <div class="head_right">
                        <p class="on">最新上架</p>
                        <p>独家畅销</p>
                        <p>电子书</p>
                    </div>
                </div>
                <div class="books_main">
                    <div class="books_main_left fl">
                        <div class="top">
                            <img src="images/index7_07.jpg">
                        </div>
                        <div class="bottom">
                            <table>
                                <tr>
                                    <td>中小学教辅&emsp;</td>
                                    <td>外语</td>
                                    <td>考试</td>
                                </tr>
                                <tr>
                                    <td>小说</td>
                                    <td>文学</td>
                                    <td>管理</td>
                                </tr>
                                <tr>
                                    <td>成功\励志</td>
                                    <td>管理</td>
                                    <td>历史</td>
                                </tr>
                                <tr>
                                    <td>哲学\宗教</td>
                                    <td>亲子\家教&emsp;</td>
                                    <td>全部分类&gt;&emsp;</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="books_main_center fl">
                        <ul class="con">
                            <li>
                                <div class="pptbox minbanner">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#"><img src="images/ppt2_04.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="images/ppt2_05.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="images/ppt2_04.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="images/ppt2_05.jpg" /></a>
                                        </li>

                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current"></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                </div>
                            </li>
                            <li>
                                <h3>奥运狂欢</h3>
                                <p>10万种电子书 直降40%</p>
                                <img src="images/index09_05.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>奥运狂欢</h3>
                                <p>10万种电子书 直降40%</p>
                                <img src="images/index09_05.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>奥运狂欢</h3>
                                <p>10万种电子书 直降40%</p>
                                <img src="images/index09_05.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>奥运狂欢</h3>
                                <p>10万种电子书 直降40%</p>
                                <img src="images/index09_05.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>奥运狂欢</h3>
                                <p>10万种电子书 直降40%</p>
                                <img src="images/index09_05.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>奥运狂欢</h3>
                                <p>10万种电子书 直降40%</p>
                                <img src="images/index09_05.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                        </ul>
                        <ul class="con">
                            <li>
                                <div class="pptbox minbanner">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#"><img src="images/ppt2_04.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="images/ppt2_05.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="images/ppt2_04.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="images/ppt2_05.jpg" /></a>
                                        </li>

                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current"></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                </div>
                            </li>
                            <li>
                                <h3>经济管理 满10元减3元</h3>
                                <p>30年后 你拿什么养活自己</p>
                                <img src="images/index09_06.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>经济管理 满10元减3元</h3>
                                <p>30年后 你拿什么养活自己</p>
                                <img src="images/index09_06.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>经济管理 满10元减3元</h3>
                                <p>30年后 你拿什么养活自己</p>
                                <img src="images/index09_06.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>经济管理 满10元减3元</h3>
                                <p>30年后 你拿什么养活自己</p>
                                <img src="images/index09_06.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>经济管理 满10元减3元</h3>
                                <p>30年后 你拿什么养活自己</p>
                                <img src="images/index09_06.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>经济管理 满10元减3元</h3>
                                <p>30年后 你拿什么养活自己</p>
                                <img src="images/index09_06.jpg">7 <h2>￥49 <span>￥79</span></h2>
                            </li>
                        </ul>
                        <ul class="con">
                            <li>
                                <div class="pptbox minbanner">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#"><img src="images/ppt2_04.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="images/ppt2_05.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="images/ppt2_04.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="images/ppt2_05.jpg" /></a>
                                        </li>

                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current"></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                </div>
                            </li>
                            <li>
                                <h3>成功励志 6.99元</h3>
                                <p>超级情商训练法</p>
                                <img src="images/index09_07.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>成功励志 6.99元</h3>
                                <p>超级情商训练法</p>
                                <img src="images/index09_07.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>成功励志 6.99元</h3>
                                <p>超级情商训练法</p>
                                <img src="images/index09_07.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>成功励志 6.99元</h3>
                                <p>超级情商训练法</p>
                                <img src="images/index09_07.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>成功励志 6.99元</h3>
                                <p>超级情商训练法</p>
                                <img src="images/index09_07.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                            <li>
                                <h3>成功励志 6.99元</h3>
                                <p>超级情商训练法</p>
                                <img src="images/index09_07.jpg">
                                <h2>￥49 <span>￥79</span></h2>
                            </li>
                        </ul>
                    </div>
                    <div class="books_main_right fr">
                        <h3>新书畅销榜</h3>
                        <ul>
                            <li>
                                <p>1<span>就喜欢你看不惯我 又干不</span></p>
                                <div class="con fr">
                                    <img src="images/index08_05.jpg">
                                    <div class="fr">从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿阅读</div>
                                </div>
                            </li>
                            <li>
                                <p>2<span>就喜欢你看不惯我 又干不</span></p>
                                <div class="con fr">
                                    <img src="images/index08_06.jpg">
                                    <div class="fr">从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿阅读</div>
                                </div>
                            </li>
                            <li>
                                <p>3<span>就喜欢你看不惯我 又干不</span></p>
                                <div class="con fr">
                                    <img src="images/index08_07.jpg">
                                    <div class="fr">从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿阅读</div>
                                </div>
                            </li>
                            <li>
                                <p>4<span>就喜欢你看不惯我 又干不</span></p>
                                <div class="con fr">
                                    <img src="images/index08_08.jpg">
                                    <div class="fr">从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿阅读</div>
                                </div>
                            </li>
                            <li>
                                <p>5<span>就喜欢你看不惯我 又干不</span></p>
                                <div class="con fr">
                                    <img src="images/index08_09.jpg">
                                    <div class="fr">从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿阅读</div>
                                </div>
                            </li>
                            <li>
                                <p>6<span>就喜欢你看不惯我 又干不</span></p>
                                <div class="con fr">
                                    <img src="images/index08_10.jpg">
                                    <div class="fr">从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿阅读</div>
                                </div>
                            </li>
                            <li>
                                <p>7<span>就喜欢你看不惯我 又干不</span></p>
                                <div class="con fr">
                                    <img src="images/index08_11.jpg">
                                    <div class="fr">从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿阅读</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 图书 电子书结束 -->
        <!-- 服饰开始 -->
        <div class="center clearfix">
            <div class="Clothes floor">
                <div class="Clothes_head ">
                    <h3 class="fl">服装</h3>
                    <div class="head_right">
                        <p class="on">女装内衣</p>
                        <p>热销男装</p>
                        <p>精品鞋靴</p>
                    </div>
                </div>
                <div class="clothes_main">
                    <div class="clothes_main_left fl">
                        <div class="top">
                            <img src="images/index7_17.jpg">
                        </div>
                        <div class="bottom">
                            <table>
                                <tr>
                                    <td>女包</td>
                                    <td>防晒品&emsp;&emsp;</td>
                                    <td>短裤</td>
                                </tr>
                                <tr>
                                    <td>冰丝内裤</td>
                                    <td>男包</td>
                                    <td>功能箱包</td>
                                </tr>
                                <tr>
                                    <td>蕾丝衬衫&emsp;&emsp;</td>
                                    <td>奢移品</td>
                                    <td>男鞋</td>
                                </tr>
                                <tr>
                                    <td>女包</td>
                                    <td>女鞋</td>
                                    <td>全部分类&gt;</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="clothes_main_optional">
                        <div class="con">
                            <div class="clothes_main_center fl">
                                <div class="top">
                                    <div class="pptbox minmax">
                                        <!--轮播的内容-->
                                        <ul class="innerwrapper">
                                            <li>
                                                <a href="#"><img src="images/index10_05.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index10_06.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index10_07.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index10_08.jpg" /></a>
                                            </li>

                                        </ul>
                                        <!--数字控制器-->
                                        <ul class="controls">
                                            <li class="current"></li>
                                            <li></li>
                                            <li></li>
                                            <li></li>
                                        </ul>
                                        <!--按钮控制器-->
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                    </div>
                                </div>
                                <div class="bottom">
                                    <img src="images/index11_08.jpg" alt="">
                                </div>
                            </div>
                            <div class="clothes_main_right fl">
                                <div class="fl"><img src="images/index12_05.jpg" alt=""></div>
                                <div class="fl"><img src="images/index12_05.jpg" alt=""></div>
                                <div class="fl"><img src="images/index12_05.jpg" alt=""></div>
                            </div>
                        </div>
                        <div class="con">
                            <div class="clothes_main_center fl">
                                <div class="top">
                                    <div class="pptbox minmax">
                                        <!--轮播的内容-->
                                        <ul class="innerwrapper">
                                            <li>
                                                <a href="#"><img src="images/index14_05.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index14_06.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index14_05.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index14_06.jpg" /></a>
                                            </li>

                                        </ul>
                                        <!--数字控制器-->
                                        <ul class="controls">
                                            <li class="current"></li>
                                            <li></li>
                                            <li></li>
                                            <li></li>
                                        </ul>
                                        <!--按钮控制器-->
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                    </div>
                                </div>
                                <div class="bottom">
                                    <img src="images/index11_08.jpg" alt="">
                                </div>
                            </div>
                            <div class="clothes_main_right fl">

                                <div class="fl"><img src="images/index13_05.jpg" alt=""></div>
                                <div class="fl"><img src="images/index13_06.jpg" alt=""></div>
                                <div class="fl"><img src="images/index13_07.jpg" alt=""></div>
                            </div>
                        </div>
                        <div class="con">
                            <div class="clothes_main_center fl">
                                <div class="top">
                                    <div class="pptbox minmax">
                                        <!--轮播的内容-->
                                        <ul class="innerwrapper">
                                            <li>
                                                <a href="#"><img src="images/ppt6_01.png" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/ppt6_02.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/ppt6_03.jpg" /></a>
                                            </li>

                                        </ul>
                                        <!--数字控制器-->
                                        <ul class="controls">
                                            <li class="current"></li>
                                            <li></li>
                                            <li></li>
                                        </ul>
                                        <!--按钮控制器-->
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                    </div>
                                </div>
                                <div class="bottom">
                                    <img src="images/index11_08.jpg" alt="">
                                </div>
                            </div>
                            <div class="clothes_main_right fl">

                                <div class="fl"><img src="images/index19_08.jpg" alt=""></div>
                                <div class="fl"><img src="images/index19_09.jpg" alt=""></div>
                                <div class="fl"><img src="images/index19_10.jpg" alt=""></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clothes_bottom">
                    <img src="images/index15_13.jpg" alt="">
                    <img src="images/index15_14.jpg" alt="">
                    <img src="images/logo13_11.jpg" alt="">
                    <img src="images/logo13_12.jpg" alt="">
                    <img src="images/logo13_13.jpg" alt="">
                    <img src="images/logo13_14.jpg" alt="">
                    <img src="images/logo13_15.jpg" alt="">
                    <img src="images/logo13_16.jpg" alt="">
                    <img src="images/logo13_17.jpg" alt="">
                </div>
            </div>
        </div>
        <!-- 服饰结束 -->
        <!-- 户外运动开始 -->
        <div class="center clearfix">
            <div class="sport floor">
                <div class="sport_head ">
                    <h3 class="fl">户外运动</h3>
                    <div class="head_right">
                        <p class="on">国际名品</p>
                        <p>户外装备</p>
                        <p>运动潮流</p>
                    </div>
                </div>
                <div class="sport_main">
                    <div class="sport_main_left fl">
                        <div class="top">
                            <img src="images/index7_17.jpg">
                        </div>
                        <div class="bottom">
                            <table>
                                <tr>
                                    <td>女包</td>
                                    <td>防晒品&emsp;&emsp;</td>
                                    <td>短裤</td>
                                </tr>
                                <tr>
                                    <td>冰丝内裤</td>
                                    <td>男包</td>
                                    <td>功能箱包</td>
                                </tr>
                                <tr>
                                    <td>蕾丝衬衫&emsp;&emsp;</td>
                                    <td>奢移品</td>
                                    <td>男鞋</td>
                                </tr>
                                <tr>
                                    <td>女包</td>
                                    <td>女鞋</td>
                                    <td>全部分类&gt;</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="sport_main_optional">
                        <div class="con">
                            <div class="sport_main_center fl">
                                <div class="top">
                                    <div class="pptbox minmax">
                                        <!--轮播的内容-->
                                        <ul class="innerwrapper">
                                            <li>
                                                <a href="#"><img src="images/index14_10.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index14_11.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index14_12.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index14_13.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index14_14.jpg" /></a>
                                            </li>


                                        </ul>
                                        <!--数字控制器-->
                                        <ul class="controls">
                                            <li class="current"></li>
                                            <li></li>
                                            <li></li>
                                            <li></li>
                                            <li></li>

                                        </ul>
                                        <!--按钮控制器-->
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                    </div>
                                </div>
                                <div class="bottom">
                                    <img src="images/index11_08.jpg" alt="">
                                </div>
                            </div>
                            <div class="sport_main_right fl">
                                <div class="fl"><img src="images/index7_20.jpg" alt=""></div>
                                <div class="fl"><img src="images/index7_20.jpg" alt=""></div>
                                <div class="fl"><img src="images/index7_20.jpg" alt=""></div>
                            </div>
                        </div>
                        <div class="con">
                            <div class="sport_main_center fl">
                                <div class="top">
                                    <div class="pptbox minmax">
                                        <!--轮播的内容-->
                                        <ul class="innerwrapper">
                                            <li>
                                                <a href="#"><img src="images/index14_16.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index14_15.jpg" /></a>
                                            </li>

                                            <li>
                                                <a href="#"><img src="images/index14_13.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/index14_14.jpg" /></a>
                                            </li>
                                        </ul>
                                        <!--数字控制器-->
                                        <ul class="controls">
                                            <li class="current"></li>
                                            <li></li>
                                            <li></li>
                                            <li></li>


                                        </ul>
                                        <!--按钮控制器-->
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                    </div>
                                </div>
                                <div class="bottom">
                                    <img src="images/index11_08.jpg" alt="">
                                </div>
                            </div>
                            <div class="sport_main_right fl">

                                <div class="fl"><img src="images/index7_21.jpg" alt=""></div>
                                <div class="fl"><img src="images/index7_21.jpg" alt=""></div>
                                <div class="fl"><img src="images/index7_21.jpg" alt=""></div>
                            </div>
                        </div>
                        <div class="con">
                            <div class="sport_main_center fl">
                                <div class="top">
                                    <div class="pptbox minmax">
                                        <!--轮播的内容-->
                                        <ul class="innerwrapper">
                                            <li>
                                                <a href="#"><img src="images/ppt6_01.png" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/ppt6_02.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/ppt6_03.jpg" /></a>
                                            </li>
                                        </ul>
                                        <!--数字控制器-->
                                        <ul class="controls">
                                            <li class="current"></li>
                                            <li></li>
                                            <li></li>
                                        </ul>
                                        <!--按钮控制器-->
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                    </div>
                                </div>
                                <div class="bottom">
                                    <img src="images/index11_08.jpg" alt="">
                                </div>
                            </div>
                            <div class="sport_main_right fl">

                                <div class="fl"><img src="images/index19_08.jpg" alt=""></div>
                                <div class="fl"><img src="images/index19_09.jpg" alt=""></div>
                                <div class="fl"><img src="images/index19_10.jpg" alt=""></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sport_bottom">
                    <img src="images/index15_13.jpg" alt="">
                    <img src="images/index15_14.jpg" alt="">
                    <img src="images/logo13_11.jpg" alt="">
                    <img src="images/logo13_12.jpg" alt="">
                    <img src="images/logo13_13.jpg" alt="">
                    <img src="images/logo13_14.jpg" alt="">
                    <img src="images/logo13_15.jpg" alt="">
                    <img src="images/logo13_16.jpg" alt="">
                    <img src="images/logo13_17.jpg" alt="">
                </div>
            </div>
        </div>
        <!-- 户外运动结束 -->
        <!-- 童装 童鞋 婴儿装开始 -->
        <div class="center clearfix">
            <div class="children floor">
                <div class="children_head ">
                    <h3 class="fl">童装 童鞋 婴儿装</h3>
                    <div class="head_right">
                        <p class="on">儿童服装</p>
                        <p>婴儿装</p>
                        <p>小潮童鞋</p>
                    </div>
                </div>
                <div class="children_main">
                    <div class="children_main_left fl">
                        <div class="top">
                            <img src="images/素材图片/儿童服装/86030026097384_y.jpg">
                        </div>
                        <div class="bottom">
                            <table>
                                <tr>
                                    <td>女包</td>
                                    <td>防晒品&emsp;&emsp;</td>
                                    <td>短裤</td>
                                </tr>
                                <tr>
                                    <td>冰丝内裤</td>
                                    <td>男包</td>
                                    <td>功能箱包</td>
                                </tr>
                                <tr>
                                    <td>蕾丝衬衫&emsp;&emsp;</td>
                                    <td>奢移品</td>
                                    <td>男鞋</td>
                                </tr>
                                <tr>
                                    <td>女包</td>
                                    <td>女鞋</td>
                                    <td>全部分类&gt;</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="children_main_optional">
                        <div class="con">
                            <div class="children_main_center fl">
                                <div class="top">
                                    <div class="pptbox minmax">
                                        <!--轮播的内容-->
                                        <ul class="innerwrapper">
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/86030026281665_y.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/187720016886865_1_o.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/a_ban_383-340.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/lunbo.jpg" /></a>
                                            </li>

                                        </ul>
                                        <!--数字控制器-->
                                        <ul class="controls">
                                            <li class="current"></li>
                                            <li></li>
                                            <li></li>
                                            <li></li>
                                        </ul>
                                        <!--按钮控制器-->
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                    </div>
                                </div>
                                <div class="bottom">
                                    <img src="images/index11_08.jpg" alt="">
                                </div>
                            </div>
                            <div class="children_main_right fl">
                                <div class="fl"><img src="images/素材图片/儿童服装/55260017675581_y.jpg" alt=""></div>
                                <div class="fl"><img src="images/素材图片/儿童服装/55260017675581_y.jpg" alt=""></div>
                                <div class="fl"><img src="images/素材图片/儿童服装/55260017675581_y.jpg" alt=""></div>
                            </div>
                        </div>
                        <div class="con">
                            <div class="children_main_center fl">
                                <div class="top">
                                    <div class="pptbox minmax">
                                        <!--轮播的内容-->
                                        <ul class="innerwrapper">
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/86030026281665_y.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/187720016886865_1_o.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/a_ban_383-340.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/lunbo.jpg" /></a>
                                            </li>

                                        </ul>
                                        <!--数字控制器-->
                                        <ul class="controls">
                                            <li class="current"></li>
                                            <li></li>
                                            <li></li>
                                            <li></li>
                                        </ul>
                                        <!--按钮控制器-->
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                    </div>
                                </div>
                                <div class="bottom">
                                    <img src="images/index11_08.jpg" alt="">
                                </div>
                            </div>
                            <div class="children_main_right fl">

                                <div class="fl"><img src="images/index13_05.jpg" alt=""></div>
                                <div class="fl"><img src="images/index13_06.jpg" alt=""></div>
                                <div class="fl"><img src="images/index13_07.jpg" alt=""></div>
                            </div>
                        </div>
                        <div class="con">
                            <div class="children_main_center fl">
                                <div class="top">
                                    <div class="pptbox minmax">
                                        <!--轮播的内容-->
                                        <ul class="innerwrapper">
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/86030026281665_y.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/187720016886865_1_o.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/a_ban_383-340.jpg" /></a>
                                            </li>
                                            <li>
                                                <a href="#"><img src="images/素材图片/儿童服装/lunbo.jpg" /></a>
                                            </li>

                                        </ul>
                                        <!--数字控制器-->
                                        <ul class="controls">
                                            <li class="current"></li>
                                            <li></li>
                                            <li></li>
                                            <li></li>
                                        </ul>
                                        <!--按钮控制器-->
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                    </div>
                                </div>
                                <div class="bottom">
                                    <img src="images/index11_08.jpg" alt="">
                                </div>
                            </div>
                            <div class="children_main_right fl">

                                <div class="fl"><img src="images/index19_08.jpg" alt=""></div>
                                <div class="fl"><img src="images/index19_09.jpg" alt=""></div>
                                <div class="fl"><img src="images/index19_10.jpg" alt=""></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="children_bottom">
                    <img src="images/index15_13.jpg" alt="">
                    <img src="images/index15_14.jpg" alt="">
                    <img src="images/logo13_11.jpg" alt="">
                    <img src="images/logo13_12.jpg" alt="">
                    <img src="images/logo13_13.jpg" alt="">
                    <img src="images/logo13_14.jpg" alt="">
                    <img src="images/logo13_15.jpg" alt="">
                    <img src="images/logo13_16.jpg" alt="">
                    <img src="images/logo13_17.jpg" alt="">
                </div>
            </div>
        </div>
        <!-- 童装 童鞋 婴儿装结束 -->
        <!-- 家居日常开始 -->
        <div class="center clearfix">
            <div class="home floor">
                <div class="home_head">
                    <h3 class="fl">家居日常</h3>
                </div>
                <div class="home_mian">
                    <div class="left fl">
                        <img src="images/素材图片/家居日用/dsrblczjdt--398x341px-0803-0804.jpg" alt="">
                    </div>
                    <div class="right fl">
                        <img src="images/素材图片/家居日用/79680024772059_y.jpg" alt="">
                        <img src="images/素材图片/家居日用/79680024772059_y.jpg" alt="">
                        <img src="images/素材图片/家居日用/79680024772059_y.jpg" alt="">
                        <img src="images/素材图片/家居日用/79680024772059_y.jpg" alt="">
                        <img src="images/素材图片/家居日用/1255137252-1_l_5.jpg" alt="">
                        <img src="images/素材图片/家居日用/1255137252-1_l_5.jpg" alt="">
                        <img src="images/素材图片/家居日用/1255137252-1_l_5.jpg" alt="">
                        <img src="images/素材图片/家居日用/1255137252-1_l_5.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 家居日常结束 -->
        <!-- 推广商品开始 -->
        <div class="center clearfix">
            <div class="spread">
                <div class="spread_head ">
                    <h3 class="fl">服装</h3>
                    <div class="head_right">
                        <p class="on"></p>
                        <p></p>
                    </div>
                </div>
                <div class="con">
                    <ul>
                        <li>
                            <img src="images/素材图片/婴儿装/60108119-1_l_1.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/素材图片/婴儿装/60108119-1_l_1.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/素材图片/婴儿装/60108119-1_l_1.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/素材图片/婴儿装/60108119-1_l_1.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/素材图片/婴儿装/60108119-1_l_1.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/素材图片/婴儿装/60108119-1_l_1.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/素材图片/婴儿装/60108119-1_l_1.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/素材图片/婴儿装/60108119-1_l_1.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/素材图片/婴儿装/60108119-1_l_1.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/素材图片/婴儿装/60108119-1_l_1.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <img src="images/product01.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/product01.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/product01.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/product01.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/product01.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/product01.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/product01.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/product01.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/product01.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>
                        <li>
                            <img src="images/product01.jpg" alt="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <h2>￥:299</h2>
                            <div></div><span>已有 <a href="">988</a> 条评价</span>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
        <!-- 推广商品结束 -->
        <!-- 售后服务开始 -->
        <div class="sale">
            <div class="center">
                <img src="images/gototop_05.jpg" alt="" class="goto">
                <div class="sale_center">
                    <img src="images/222_11.png" alt="">
                    <img src="images/222_13.png" alt="">
                    <img src="images/222_15.png" alt="">
                    <img src="images/222_17.png" alt="">
                </div>
            </div>
        </div>
        <!-- 售后服务结束 -->
        <!-- 尾部导航开始 -->
        <div class="center clearfix">
            <div class="bottnav">
                <ul class="bottnav_center">
                    <li>
                        <p>购物指南</p>
                        <ul>
                            <li>购物流程</li>
                            <li>发票制度</li>
                            <li>账户管理</li>
                            <li>会员优惠</li>
                        </ul>
                    </li>
                    <li>
                        <p>支付方式</p>
                        <ul>
                            <li>货到付款</li>
                            <li>网上支付</li>
                            <li>礼品卡支付</li>
                            <li>银行转账</li>
                        </ul>
                    </li>
                    <li>
                        <p>订单服务</p>
                        <ul>
                            <li>订单配送查询</li>
                            <li>订单状态说明</li>
                            <li>自助取消订单</li>
                            <li>自助修改订单</li>
                        </ul>
                    </li>
                    <li>
                        <p>退换货</p>
                        <ul>
                            <li>退换货政策</li>
                            <li>自助申请退换货</li>
                            <li>退换货进度查询</li>
                            <li>退款方式和时间</li>
                        </ul>
                    </li>
                    <li>
                        <p>商家服务</p>
                        <ul>
                            <li>商家中心</li>
                            <li>运营服务</li>
                            <li>加入尾品汇</li>
                        </ul>
                    </li>
                </ul>
                <div class="bottnav_img">
                    <img src="images/logo_00.png" alt="">
                </div>
            </div>
        </div>
        <!-- 尾部导航结束 -->
        <!-- 尾部开始 -->
        <div class="center">
            <div class="tail">
                <ul class="clearfix">
                    <li>公司</li>
                    <li>lnvestor Relations</li>
                    <li>网站联盟</li>
                    <li>乐购招商</li>
                    <li>机构销售</li>
                    <li>手机乐购</li>
                    <li>官方Blog</li>
                    <li>热词搜索</li>
                </ul>
                <p>Copyright(C) 乐购网 2004-2016. All Rights Reserved</p>
            </div>
        </div>
        <!-- 尾部结束 -->
        <!-- 顶部导航固定开始 -->
        <div class="nav_fix">

        </div>
        <!-- 顶部导航固定结束 -->
        <!-- 电梯导航开始 -->
        <div class="elevator">
            <ul>
                <li>
                    <span>图书</span>
                </li>
                <li>
                    <span>服装</span>
                </li>
                <li>
                    <span>运动</span>
                </li>
                <li>
                    <span>童装</span>
                </li>
                <li>
                    <span>家居</span>
                </li>
            </ul>
        </div>
        <!-- 电梯导航结束 -->
        <!-- 右侧二维码开始 -->
        <div class="rightcode">
            <ul>
                <li>
                    <img src="images/two_30.jpg" alt="">
                </li>
                <li><span>
                        <img src="images/two_34.jpg" alt="">
                    </span>
                    <img src="images/two_35.jpg" alt="" class="pic">
                </li>
                <li>
                    <span>30</span>
                    <img src="images/two_40.jpg" alt="">
                </li>
            </ul>
        </div>
        <!-- 右侧二维码结束 -->
    </div>
    <script src="javascripts/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <!--插件库-->
    <script src="javascripts/slider.js" type="text/javascript" charset="utf-8"></script>
    <script src="javascripts/pic.js" type="text/javascript" charset="utf-8"></script>
    </script>
    <script src="./javascripts/index.js" type="text/javascript" charset="utf-8"></script>
    </script>
</body>

</html>